.pagetitle{
text-align: center;
padding:10px;
}
*{ margin: 0; padding: 0; }
body, .body-fauxcolumn-outer {
margin: 0 auto;
padding: 0;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
line-height: 1.2;
color:#000;
background: url(https://lh3.googleusercontent.com/-VymLk9iDtp0/T9Q_eS5FM-I/AAAAAAAAExg/mVbSTRW8AJ8/s400/tileable_wood_texture%2520%25281%2529.png) fixed;
}
a:link {
color:#3B5998;
text-decoration: none;
}
a:visited {
color: #3B5998;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #7795D5;
}
img {
border: 0;
margin: 0;
}
.clear { clear: both; }
/*
CSS BUAT HOME PAGE
*/
#home-page {
width: 72%;
height:auto;
background:rgba(255,255,255,.6);
margin: 0px auto;
position:relative;
margin-top:-100px;
padding-top:45px;
padding-bottom:20px;
text-align: center;
border-bottom:16px solid #5A3D1C;
-webkit-border-bottom-right-radius: 111px;
-webkit-border-bottom-left-radius: 111px;
-moz-border-radius-bottomright: 111px;
-moz-border-radius-bottomleft: 111px;
border-bottom-right-radius: 111px;
border-bottom-left-radius: 111px;
}
#new {
width:auto;
margin: 50px auto;
padding-top:55px;
height:350px;
background:#fff;
}
#bagian{
width:auto;
display:none;
height:200px;
margin-top:35px;
background:#eee;
}

/*POST DEPAN*/
#toc-outer {
font:normal 12px Arial,Sans-Serif;
color:#666;
text-align:left;
margin:0px auto;
padding:10px;
padding-left:14px;
background-color:transparent;}
#loadingscript {
background: url('http://3.bp.blogspot.com/-APdWVrEfick/ULLsb5m1fQI/AAAAAAAAHpM/-RxH9C1AS8g/s1600/loading.gif') no-repeat 50% 46%;
padding:10px;
font:bold 20px Georgia,Serif;
color:transparent;
}
.itemposts {
margin: 7px;
height:auto;
width:300px;
float:left;
border-radius:6px;
background:#EFEACC;
overflow:hidden;
display:block;
}
.itemposts h6 {
margin:0px auto 2px;
font: 16px Monda;
padding:0px 15px;
text-transform:none;
color:#333;
width:300px;
}
.itemposts h6 a {
color:#333;
text-decoration:none;
text-shadow:0px 1px 0px rgba(0,0,0,0.3);
}
.itemposts img {
float:left;
height:75px;
width:75px;
border-radius:50%;
margin:-5px 10px 2px 0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background-color:#E9E8D6;
border:1px dashed #6B2802;
padding:4px;
}
.itemposts .iteminside {
padding:10px;
-webkit-box-shadow:inset 0px 1px 0px white;
-moz-box-shadow:inset 0px 1px 0px white;
box-shadow:inset 0px 1px 0px white;
}
.itemposts .itemfoot {
clear:both;
padding:5px 10px;
margin:-24px 93px 0px;
color:#4B86C1;
position:absolute;
overflow:hidden;
}
.itemposts .itemfoot a.itemrmore {
font-weight:bold;
color:#895F30;
float:right;
text-decoration:none;
}
.itemposts .itemfoot a.itemrmore:hover {
color:#9BB009;
text-decoration:none;
}
#itempager{
clear:both;
color:#333333;
overflow:hidden;
padding:15px 0;
width:auto;
}
#pagination,#totalposts{text-align:center}
#pagination{margin:0 10px 10px}
#pagination span,#pagination a{
font-weight:bold;
color:white;
display:inline;
margin:0 1px;
padding:2px 5px;
text-indent:0;
background-color:#000;
text-decoration:none;
border:1px solid #CCCCCC;
}
#pagination a:hover,#pagination span.actual{
background-color:#EEE;
border:1px solid #CCC;
color:#333;
}
#pagination span.hidden{display:none}
KOLOM POST DI HALAMAN DEPAN
*/
.box
{
width:80%;
background: url(http://subtlepatterns.com/patterns/extra_clean_paper.png);
border:1px solid #C4CDE0; border-radius:11px;margin-top: 10px;position:relative;
}
.boxmeta
{
width:220px;
float:right;
margin:6px;
padding-right:0px;
padding:3px;
border:1px solid #333;
background:#fff;
-webkit-box-shadow: 0px 0px 11px -3px #333333;
box-shadow: 0px 0px 11px -3px #333333;
}
.boxmeta span
{
font:12px arial,sans serif;
display:block;
text-transform:uppercase;
color:#222;
}
.boxmeta span.author
{
background:#EDEFF4 url(http://3.bp.blogspot.com/-d63GlyvCKs4/ULMchpuUV4I/AAAAAAAAH4k/DfEFGpZ-fMM/s1600/target.png) no-repeat left center;
border-bottom:1px solid #fff;
padding:3px 0 3px 20px;
}
.boxmeta span.time
{
background:#EDEFF4 url(http://1.bp.blogspot.com/-IUYkB3ehSWI/ULMbVc89CpI/AAAAAAAAHtc/2cUal4bGbfQ/s1600/calendar.png) no-repeat left center;
border-bottom:1px solid #fff;
padding:3px 0 3px 20px;
}
.boxentry
{
padding:10px;
}
.titleposting p
{
width:60%;
margin:0 0 0 185px;
}
.titleposting h2
{
text-shadow:-1px -1px #fafafa;
text-transform:none;
padding:10px 0 0 0;
font:normal 30px 'Dancing Script', cursive;
}
.titleposting h2 a:link,.titleposting h2 a:visited
{
color:#888;
padding:10px;
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
}
.titleposting h2 a:hover{
text-decoration: none;
color: transparent;
text-shadow: #333 0px 0px 9px;
}
/*
LEBAR
*/
.post-dalem
{
width:780px;
position:relative;
margin:0 auto;
margin-bottom:50px;
}
#post
{
width:800px;
margin:0 auto;
}
#main
{
width:100%;
margin:0 auto;
padding:0;
}
/*
HEADER MENU
*/
#header
{
width:72%;
background-image:-moz-linear-gradient(#59400B, #85611C); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#59400B), to(#85611C));
font:normal 14px/12px arial,sans serif;
color:#fff;
height:80px;
margin:20px auto;
padding-top:11px;
border-top:16px ridge #C48E39;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
z-index:1;
}
#header11
{
width:auto;
margin:0 auto;
}
#header .title
{
text-align:left;
float:left;
margin: 10px 30px;
width:auto;
padding:10px -18px 10px;
font:normal 36px Grand Hotel;
color:#fff;
background-image:transparent;
text-shadow:0 1px 0px #000;
border-radius:6px;
}
#header .title:hover
{
color:#fff;
}
#header .title a
{	color:#fff;
background:transparent;
}
#header .descriptionwrapper
{
color:#fff;
float:left;
width:100%;
font:8px/6px arial,sans serif;
margin:0;
padding:0;
}
#header .nav li
{
float:left;
list-style:none;
border-left:1px solid #1F4189;
margin:13px 0 0 12px;
}
#header .nav li a
{
color:#D8DFEA;
padding:3px 9px 3px 9px;
}
#header .nav li a:hover
{	color:#fff;
background:#4B67A1;
text-decoration:none;
}

/*SEARCH*/
#search {
float:right;
display:none;
margin:6px 24px;
}
#search input[type="text"] {
background: url(http://4.bp.blogspot.com/-kKz3iwBZYbI/ULMcXg-vgJI/AAAAAAAAH3E/LVFccjmRcRg/s1600/search.png) no-repeat right #5E5E5E;
border: 0 none;
font: normal 12px Arial,Helvetica,Sans-serif;
color: #bbbbbb;
width: 80px;
padding: 6px 40px 6px 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 185px;
}
/*RUBRIK*/
.breadcrumbs {
display: block;
float: left;
margin-top:10px;
}
.breadcrumbs li {
display: inline
}
.breadcrumbs li.first {
padding-left: 8px
}
.breadcrumbs li a,.breadcrumbs li a:link,.breadcrumbs li a:visited {
color: #666;
display: block;
float: left;
font-size: 12px;
margin-left: -13px;
padding: 7px 17px 11px 25px;
position: relative;
text-decoration: none
}
.breadcrumbs li a {
background-image: url('https://css3-tutsplus.googlecode.com/svn/trunk/breadcrumbs/img/bg-crumbs.png');
background-repeat: no-repeat;
background-position: 100% 0;
position: relative
}
.breadcrumbs li a:hover {
color: #333;
background-position: 100% -48px;
cursor: pointer
}
.breadcrumbs li a:active {
color: #333;
background-position: 100% -96px
}
.breadcrumbs li.first a span {
height: 29px;
width: 3px;
border-left: 1px solid #d9d9d9;
position: absolute;
top: 0px;
left: 0px
}
/*KOMENTAR*/
#comments {
box-shadow: 960px 0 0 0 #FEFEFD, -960px 0 0 0 #FEFEFD;
-o-shadow: 960px 0 0 0 #FEFEFD, -960px 0 0 0 #FEFEFD;
-moz-shadow: 960px 0 0 0 #FEFEFD, -960px 0 0 0 #FEFEFD;
-webki-shadow: 960px 0 0 0 #FEFEFD, -960px 0 0 0 #FEFEFD;
clear: both;
margin: auto;
width: 960px;
}
.comments {
background: url("http://2.bp.blogspot.com/-eE_zHDiQz7Q/T0WiEJY5lGI/AAAAAAAAA3U/BSzBBisam9A/s1600/8_4_lines-small-light-no-micro.png") repeat scroll 0 0 #FFFFFF;
clear: both;
display: block;
overflow: hidden;
padding: 19px;
}
.comments h4 {
}
h4#comment-post-message {
}
.comments .comments-content .comment-thread ol {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #EEEEEE;
float: right;
list-style-type: none;
padding: 17px;
text-align: left;
width: 458px;
}
iframe {
float: left;
padding-top: 0;
width: 435px;
}
.comment-header {
background: url("http://2.bp.blogspot.com/-JTIiRwKmey4/T0WhDyfiPLI/AAAAAAAAA10/Dzd9Q9we1ms/s1600/13_4_x-light-no-micro.png") repeat scroll 0 0 #FFFFFF;
height: 28px;
margin: 0 0 8px;
padding: 9px;
}
.comments .avatar-image-container {
background: none repeat scroll 0 0 #EFEEE3;
border: 1px solid #AAAAAA;
display: block;
float: left;
max-height: 36px;
overflow: hidden;
padding: 5px;
width: 36px;
}
.post-footer1 {
background: url("http://1.bp.blogspot.com/-_o62pVV_oJk/T0crcsqMQWI/AAAAAAAAA50/RfNq0wwz6nY/s1600/tag.png") no-repeat scroll right -35px transparent;
border-bottom:9px solid rgba(0, 0, 0, 0.3);
display: block;
font-style: italic;
margin-bottom: 0;
margin-top: 30px;
overflow: hidden;
padding: 10px;
}
.post-footer-line {
float: right;
margin-left: 25px;
}
.post-footer-line-21 {
display: block;
float: left;
padding-left: 13px;
}
/*
FOOTER 3 KOLOM
*/
#footer-wrapper
{
width: auto;
background: #3E2B09;
font:12px/12px Monda;
margin:0 auto;
padding:0 0 0px;
}
#footer
{
width:960px;
line-height:1.2;
color:777;
background:rgba(255,255,255,.1);
margin:0 auto;
padding:0px 0 0;
}
#footer a
{
color:#777;
}
#footer a:hover
{
color:#ccc;
}
.footcol
{
float:left;
margin:10px 0;
padding:0 5px 5px;
}
.footcol h2
{
margin:0 0 0px -20px;
padding:0 0 10px 20px;
color:#fff;
}
.footcol ul,.footcol ol
{
margin:0;
}
.footcol ul li,.footcol ol li
{
list-style:none;
}
#fcol1,#fcol2,#fcol3
{
float:left;
width:300px;
margin-right:10px;
}
#fcol1 .widget,#fcol2 .widget,#fcol3 .widget
{
margin:0 0 20px;
padding:20px 15px 20px 20px;
}
/*
FOOTER CREDIT
*/
#credit-wrapper
{
background:#333 url(https://lh4.googleusercontent.com/-2-KsBFW0Prc/UHt1UMP8B9I/AAAAAAAAENs/4uHRtQs9UZI/s86/supheader_bg.png) repeat top;
font:normal 12px arial,sans serif;
color:#fff;
width: auto;
height:40px;
margin:0 auto;
text-align: center;
padding-top:20px;
line-height:15px;
-webkit-box-shadow: 0px -4px 7px -3px #000000;
box-shadow: 0px -4px 7px -3px #000000;
}
#credit-wrapper a
{
color:#fff;
}
/*
blog pager
*/
.pager
{
width: auto;
height:40px;
margin:30 auto;
margin-top:31px;
background-color: #85611C;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
-webkit-background-size: 30px;
-moz-background-size: 30px;
}
#blog-pager
{
text-align:center;
clear:both;
text-transform:uppercase;
margin:0;
margin-top:100px;
padding:0;
}
#blog-pager a
{
font:normal bold 24px arial,sans serif;
color:#ddd;
text-shadow:0 2px 2px rgba(0, 0, 0, 9);
padding:0;
}
#blog-pager-older-link
{
float:left;
margin:0;
padding:5px;
}
#blog-pager-newer-link
{
float:right;
margin:0;
padding:5px;
}